<template>
  <view class="">
    <View>
      <!-- <View class="p">
        以头号力度实施“百千万工程”，推动城乡融合发展破题开局，促进城乡区域协调发展，建设宜居宜业和美乡村，大力推进绿美东莞生态建设。东莞市乡村振兴促进会向全社会发起“绿美莞乡·你我共助”的倡议，邀请各界共同参与推进绿美东莞生态建设，让东莞生态文明底色更亮、成色更足，站在高质量发展的新起点上精准发力，增绿、改绿、护绿、用绿建设宜居宜业和美乡村
      </View> -->
      <!-- <View class="p"></View> -->
      <View class="p">
        为进一步推进东莞实施“百千万工程”，大力推进绿美莞乡生态建设，东莞市乡村振兴促进会向社会各界发起“绿美莞乡·你我共助”的倡议，邀请社会各界共同参与绿美莞乡生态建设，让莞乡生态文明底色更亮、成色更足
      </View>
      <!-- <View class="p"></View>
      <View class="p"
        >东莞市乡村振兴促进会向全社会发起“绿美莞乡·你我共助”的倡议，邀请各界共同参与推进绿美东莞生态建设，让东莞生态文明底色更亮、成色更足，站在高质量发展的新起点上精准发力，增绿、改绿、护绿、用绿建设宜居宜业和美乡村</View
      > -->
      <!-- <View class='p'></View>
      <View class="p underline">1、与国家安全、国防安全有关的；</View>
      <View class='p'></View>
      <View class="p underline">2、与公共安全、公共卫生、重大公共利益有关的；</View>
      <View class='p'></View> -->
    </View>
  </view>
</template>

<script>
import { reactive, toRefs, onMounted, ref } from "vue";

export default {
  name: "PrivacyPolicy",
  components: {},
  setup() {
    // 初始化地图
    onMounted(async () => {});

    return {};
  },
};
</script>

<style lang="scss">
.p {
  padding: 1.2vh 0;
  font-size: 4vw;
}
.underline {
  // border-bottom: 1px solid #000; /* 下划线样式，1像素的实线，颜色为黑色 */
  // text-decoration: none; /* 移除默认的文本下划线 */
  display: inline-block; /* 使下划线仅在内容宽度范围内 */
  text-decoration: underline; /* 添加文本下划线 */
}
</style>
